*Paso 2: - Importa las imágenes que deseas hacía la libreria
- Jalalas al escenario y ubícalas como desees.
*Paso 3:
- Nombra la capa con el nombre que gustes.
*Paso 4:
- Crea una nueva capa
- Ponle el nombre de la figura geométrica que tienen tus imágenes.
*Paso 5:
- Creá una figura geométrica que desees y que sea igual al corte de tus fotos.
- Ubica la imágen fuera del escenario
*Paso 6:
- En la línea de tiempo selecciona los frames, de ambas capas, hasta el numero que desees.
- Click derecho
- Selecciona la opción de "Insertar frames".
*Paso 7:
- Selecciona el último frame de la línea de tiempo de la capa de la figura geométrica
- Click derecho
- Slecciona la opcion de "CONVERT to keyframes" y un punto negro deberá aparecer.
*Paso 8:
- Selecciona la figura geométrica que dibujaste y trasladala por sobre tus imágenes.
- Traslada la imágen hasta el otro lado del escenario
- La imágen debe quedar fuera del escenario.
*Paso 9:
- En la línea de tiempo, en el centro, click derecho
- Selecciona la opcion de "Create shape Tween"
- Los frames se debén de tornar verdes con una flecha atravesandolos.
*Paso 10:
- En el nombre de la capa, de la figura geométrica, dale click derecho
- Selecciona la opción de "Mask"
- Las imágenes debén cambiar al igual que la figura al lado del nombre de la capa.
*Paso 11:
Ctrol + enter
se verá el trabajo finalizado.
7. 3D Rotation Tool
AQUI ESTA EL LINK PARA IR A YOUTUBE Y VER MI TUTORIAL GRABADO
9. Action Script 3.0
Primero se crea una carpeta en el lugar que deseas, llamandolo AvoiderGame, o como en este screenchot AvoiderGameMJW, y dentro de esa carpeta creas otra llamada Classes. Al abrir un nuevo archivo ActionScript 3.0, lo guardamos en la carpeta AvoiderGame.
Despues se entra a Publish Settigs ( Configuracion de Publicacion ), en la parte superior se selecciona Flash, luego en ActionScript version se presiona settings y aparece una venta, en la cual, en la parte inferior se debe presionar el botodon con forma de carpeta, y buscas en la carpeta Classes, donde la habias guardado, y se presiona Ok, para que se guarden las configuraciones.
Despues se entra a Modify > Document// , y le cambias las dimensiones al documento, a 400px (Width) x 300px (height), y de titulo AvoiderGame.
Al crear el enemigo lo puedes crear como tu deseas, no debe ser algo especifico, y al crearlo seleccionas el Enemy con click derecho y selecionas Convert to Symbol; sale una ventana, se le coloca de nombre Enemy, y en Type se selecciona Movie Clip y se presiona Ok.
Entonces al ver la biblioteca, el Enemy saldra pero como un MovieClip.
Bueno, ahora se pone en File > New y en ActionScript File, al aparecer el nuevo documento se escribe lo siguiente:
Despues File > Save as... En la carpeta Classes, y con el nombre de Enemy.
Al regresar al archivo FLA, en el library seleccionamos el MovieCLip Enemy, precionas click derecho, luego en properties, salen las propiedades, se precionan en advanced y sales mas cosas, se seleciona Export for ActionScript, y luego escribes lo que se encuentra en la imagen.
Despues se crea otro ActionScript File y se le coloca de nombre AvoiderGame, y copia lo siguiente:
Y se lo guarda en la carpeta Classes, con el nombre de AvoiderGame
Al terminar esto se preciona click izquierdo en la parte ploma, despues al costado de Library, se encuentra Properties, en el cual en donde dice Clase, se coloca AvoiderGame, y por ultimo se crea el Avatar, se aplican los mismos pasaso que se aplicaron al Enemy, pero con distinto Actionscript File que es el siguiente:
Al final se Graba en Classes con el nombre de Avatar, y se sigue procediendo los mismo pasos que el Enemy.
Cuando se termina de hacer esto se borra todo lo que este en layers y se deja todo en blanco, despues de lo graba, y al presionar ctrl + Enter el resultado seria este:
Con eso termina.
Si es que quieran observar con mas detalle el Flash completo, revisar el siguiente .rar:
PDF Dibujo básico:
Tutorial (zombie):
http://flashfacilito.com/dibujo-vectorial-de-el-logo-de/
Herramientas de dibujo:
http://help.adobe.com/es_ES/flash/cs/using/WSD410F6D5-2213-4d51-B32D-B5896986F8CD.html
Symbolos:
http://help.adobe.com/es_ES/flash/cs/using/WSd60f23110762d6b883b18f10cb1fe1af6-7deea.html
2. Texto
Tutorial:
Acciones:
Archivo FLA:
3. Botones
Como hacer botones en CS5 (:
4. Motion Tween
Tutorial
http://www.youtube.com/watch?v=FykNstKbwdg
http://www.youtube.com/watch?v=hVz07z21HGs
Si quieren realizar la animación, las imágenes y el sonido están en estas carpetas.
5. Shape Tween
En el siguiente documento encontrarán los pasos básicos a seguir para crear un "shape tween"
Ésta es una animación de presentación a la herramienta de shape tween.
Documento acerca de los shape hints, herramienta que ayuda a controlar los movimientos durante una animación.
Un ejemplo de shape tweening.
Shape tweening que utiliza shape hints.
Algunos links de interés:
http://help.adobe.com/en_US/flash/cs/using/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html
http://www.youtube.com/watch?v=8r3UTne3UoM
6. Máscaras
*Paso 1:
Habre una página de Flash de 3.0
*Paso 2:
- Importa las imágenes que deseas hacía la libreria
- Jalalas al escenario y ubícalas como desees.
*Paso 3:
- Nombra la capa con el nombre que gustes.
*Paso 4:
- Crea una nueva capa
- Ponle el nombre de la figura geométrica que tienen tus imágenes.
*Paso 5:
- Creá una figura geométrica que desees y que sea igual al corte de tus fotos.
- Ubica la imágen fuera del escenario
*Paso 6:
- En la línea de tiempo selecciona los frames, de ambas capas, hasta el numero que desees.
- Click derecho
- Selecciona la opción de "Insertar frames".
*Paso 7:
- Selecciona el último frame de la línea de tiempo de la capa de la figura geométrica
- Click derecho
- Slecciona la opcion de "CONVERT to keyframes" y un punto negro deberá aparecer.
*Paso 8:
- Selecciona la figura geométrica que dibujaste y trasladala por sobre tus imágenes.
- Traslada la imágen hasta el otro lado del escenario
- La imágen debe quedar fuera del escenario.
*Paso 9:
- En la línea de tiempo, en el centro, click derecho
- Selecciona la opcion de "Create shape Tween"
- Los frames se debén de tornar verdes con una flecha atravesandolos.
*Paso 10:
- En el nombre de la capa, de la figura geométrica, dale click derecho
- Selecciona la opción de "Mask"
- Las imágenes debén cambiar al igual que la figura al lado del nombre de la capa.
*Paso 11:
Ctrol + enter
se verá el trabajo finalizado.
7. 3D Rotation Tool
AQUI ESTA EL LINK PARA IR A YOUTUBE Y VER MI TUTORIAL GRABADO
http://www.youtube.com/watch?v=2CDyPK-Hmt8
8. Bones
En el siguiente Documento de Word, se encuentra el tutorial de Bones.
9. Action Script 3.0
Primero se crea una carpeta en el lugar que deseas, llamandolo AvoiderGame, o como en este screenchot AvoiderGameMJW, y dentro de esa carpeta creas otra llamada Classes. Al abrir un nuevo archivo ActionScript 3.0, lo guardamos en la carpeta AvoiderGame.
Despues se entra a Publish Settigs ( Configuracion de Publicacion ), en la parte superior se selecciona Flash, luego en ActionScript version se presiona settings y aparece una venta, en la cual, en la parte inferior se debe presionar el botodon con forma de carpeta, y buscas en la carpeta Classes, donde la habias guardado, y se presiona Ok, para que se guarden las configuraciones.
Despues se entra a Modify > Document// , y le cambias las dimensiones al documento, a 400px (Width) x 300px (height), y de titulo AvoiderGame.
Al crear el enemigo lo puedes crear como tu deseas, no debe ser algo especifico, y al crearlo seleccionas el Enemy con click derecho y selecionas Convert to Symbol; sale una ventana, se le coloca de nombre Enemy, y en Type se selecciona Movie Clip y se presiona Ok.
Entonces al ver la biblioteca, el Enemy saldra pero como un MovieClip.
Bueno, ahora se pone en File > New y en ActionScript File, al aparecer el nuevo documento se escribe lo siguiente:
Despues File > Save as... En la carpeta Classes, y con el nombre de Enemy.
Al regresar al archivo FLA, en el library seleccionamos el MovieCLip Enemy, precionas click derecho, luego en properties, salen las propiedades, se precionan en advanced y sales mas cosas, se seleciona Export for ActionScript, y luego escribes lo que se encuentra en la imagen.
Despues se crea otro ActionScript File y se le coloca de nombre AvoiderGame, y copia lo siguiente:
Y se lo guarda en la carpeta Classes, con el nombre de AvoiderGame
Al terminar esto se preciona click izquierdo en la parte ploma, despues al costado de Library, se encuentra Properties, en el cual en donde dice Clase, se coloca AvoiderGame, y por ultimo se crea el Avatar, se aplican los mismos pasaso que se aplicaron al Enemy, pero con distinto Actionscript File que es el siguiente:
Al final se Graba en Classes con el nombre de Avatar, y se sigue procediendo los mismo pasos que el Enemy.
Cuando se termina de hacer esto se borra todo lo que este en layers y se deja todo en blanco, despues de lo graba, y al presionar ctrl + Enter el resultado seria este:
Con eso termina.
Si es que quieran observar con mas detalle el Flash completo, revisar el siguiente .rar: